<template>
	<view class="flex-col section_7">
	  <view class="flex-row group_4" v-for="(item,index) in changeList" :key="index">
		<i class="iconfont icon-danxuan-weixuanzhong"></i>
	    <text class="font_6 text_15">{{item.changDetail}}</text>
	    <text class="font_5 text_14">{{item.patentNo}}</text>
	  </view>
	  <u-empty v-if="!changeList.length" class="empty-data">
	  </u-empty>
	</view>
</template>

<script>
	export default {
		props:['changeList'],
		data() {
			return {};
		},
	}
</script>

<style lang="scss" scoped>
.section_7 {
  padding: 0 31rpx 107rpx;
  background-color: #ffffff;
  .group_4 {
    padding: 20rpx 0 6rpx;
	margin-bottom: 64rpx;
	i {
		margin-top: -8rpx;
	}
    .text_15 {
      margin-left: 15rpx;
      margin-top: 4rpx;
    }
    .text_14 {
      margin-left: 20rpx;
    }
  }
  .font_6 {
    font-size: 28rpx;
    font-family: Microsoft YaHei;
    line-height: 23rpx;
    color: #999999;
  }
  .font_5 {
    font-size: 28rpx;
    font-family: Microsoft YaHei;
    line-height: 28rpx;
    color: #ec8e00;
  }
}

.empty-data {
	position: fixed;
	width: 100%;
	top: 60%;
	right: 0%;
}
</style>